﻿<#include "/utils/ui.ftl"/>
<#assign topId = 1 />

<@layout>
<div class="placeholder-height"></div>
<div class="article-section-wrap">
    <div class="article-section" data-aid="197460">
    <div class="container" id="article197460">
        <div class="nrtj-wrap" id="nrtj-wrap197460"></div>
        <div class="wrap-left pull-left">
            <!--文章内容页-->
            <div class="article-left-btn-group is-sticky" id="article-left-btn-group197460">
                <ul>
                                            <!--普通文章分享微博-->
                    <li><a href=""><i class="icon icon-article icon-article-wb js-weibo js-share-article" data-location="article" data-f="pc-weibo-article" aid="197460"></i></a></li>
                        <!--普通文章分享微信-->
                    <li class="weixin">
                        <div class="weixin-Qr-code "></div>
                        <a class="js-weixin" data-f="pc-friends-article"><i class="icon icon-article icon-article-pyq" ></i></a>
                    </li>
                        <!--普通文章分享支付宝 -->
                    <li class="zhifubao">
                        <div class="zhifubao-Qr-code"></div>
                        <a class="js-zhifubao" data-f="pc_alipay_article"><i class="icon icon-article icon-article-zfb" ></i></a>
                    </li>
                        <!--普通文章分享qq空间 -->
                    <li><a href=""><i class="icon icon-article icon-article-qzone js-qzone js-share-article" data-location="article" data-f="pc-qzone-article" aid="197460"></i></a></li>
                    <li><a class="js-article-pl-anchor"><i class="icon icon-article icon-article-pl">评论</i></a></li>
                                            <!--普通文章收藏-->
                    <li><a class="js-collection-article"><i class="icon icon-article icon-article-col">收藏</i></a></li>
                </ul>
            </div>
            <div class="article-wrap">
			<!--管理员底部按钮-->
			<div class="article-manage-bar article-bottom-manage-bar" id="article-bottom-manage-bar197460"></div>
			<div class="tag-box ">
			  <ul class="transition">
				  <#list categories as row>
				  <a href="/category/${row.id}" target="_blank"><li class="transition">${row.name}</li></a>
				  </#list>
			   </ul>
			</div>
			<!--相关文章位置-->
		  	<div id="related-article-wrap197460"></div>
		</div>
     </div>
     <div class="wrap-right pull-right">
		<div class="box-moder hot-tag">
			<h3>热门栏目</h3>
			<span class="pull-right project-more"><a href="#" class="transition" target="_blank">全部</a></span>
			<span class="span-mark"></span>
			<div class="search-history search-hot">
				<ul>
				 <li class="transition"><a href="#" target="_blank">阿里巴巴</a></li>
					<li class="transition"><a href="#" target="_blank">投稿</a></li>
					<li class="transition"><a href="#" target="_blank">创业</a></li>
					<li class="transition"><a href="#" target="_blank">头条</a></li>
					<li class="transition"><a href="#" target="_blank">马云</a></li>
					<li class="transition"><a href="#" target="_blank">大数据</a></li>
					<li class="transition"><a href="#" target="_blank">移动互联网</a></li>
					<li class="transition"><a href="#" target="_blank">电子商务</a></li>
					<li class="transition"><a href="#" target="_blank">微信</a></li>
					<li class="transition"><a href="#" target="_blank">Facebook</a></li>
				</ul>
			</div>
		</div>
		<div class="placeholder"></div>
    		<div class="box-moder hot-article">
        		<h3>热文</h3>
        		<span class="span-mark"></span>
        		<ul>
                    <li>
                    	<div class="hot-article-img">
                        	<a href="#" target="_blank"><img src="https://img.huxiucdn.com/article/cover/201706/04/105715329877.jpg?imageView2/1/w/280/h/210/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                    	</div>
                    	<a href="#" class="transition" target="_blank">3年了，我们的内容消费发生了什么变化？</a>
                	</li>
                    <li>
                    	<div class="hot-article-img">
                        	<a href="#" target="_blank"><img src="https://img.huxiucdn.com/article/cover/201706/04/191327154498.jpg?imageView2/1/w/280/h/210/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                    	</div>
                    	<a href="#" class="transition" target="_blank">顺丰，菜鸟，令狐冲，岳不群</a>
               		</li>
                    <li>
                    	<div class="hot-article-img">
                        	<a href="#" target="_blank"><img src="https://img.huxiucdn.com/article/cover/201706/04/105715329877.jpg?imageView2/1/w/280/h/210/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                    	</div>
                    	<a href="#" class="transition" target="_blank">3年了，我们的内容消费发生了什么变化？</a>
                	</li>
                    <li>
                    	<div class="hot-article-img">
                        	<a href="#" target="_blank"><img src="https://img.huxiucdn.com/article/cover/201706/04/191327154498.jpg?imageView2/1/w/280/h/210/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                    	</div>
                    	<a href="#" class="transition" target="_blank">顺丰，菜鸟，令狐冲，岳不群</a>
               		</li>
                    <li>
                    	<div class="hot-article-img">
                        	<a href="#" target="_blank"><img src="https://img.huxiucdn.com/article/cover/201706/04/105715329877.jpg?imageView2/1/w/280/h/210/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                    	</div>
                    	<a href="#" class="transition" target="_blank">3年了，我们的内容消费发生了什么变化？</a>
                	</li>
                </ul>
    		</div>
        </div>
    </div>
</div>
<div class="article-section article-section-last"></div>
</div>

</@layout>